<div class="row">
  <div class="col col-sm-9">
    <div class="form-group">
      <label for="title">{{view.label.title}}</label>
      <input name="title" id="title" type="text" class="form-control"
             placeholder="{{view.placeholder.title}}"
             value="{{view.model.title}}">
    </div>
  </div>
  <div class="col col-sm-3">
    <div class="form-group">
      <label for="category">{{view.label.category}}</label>
      <select name="category" id="category" class="form-control">
        {{#each view.select.category}}
          <option value="{{value}}" {{#eq value ../view.model.category}}selected="selected"{{/eq}}>{{text}}</option>
        {{/each}}
      </select>
    </div>
  </div>
</div>

<div class="row">
  <div class="col col-sm-6">
    <div class="form-group">
      <label>{{view.label.fromTo}}</label>
      <input name="start" id="start" type="hidden" value="{{view.model.start}}">
      <input name="end" id="end" type="hidden" value="{{view.model.end}}">
      <input id="daterange-plan" type="text" class="form-control"
             value="{{view.model.start}} ~ {{view.model.end}}" readonly="readonly">
    </div>
  </div>
  <div class="col col-sm-3">
    <div class="form-group">
      <label for="priority">{{view.label.priority}}</label>
      <select name="priority" id="priority" class="form-control">
        {{#each view.select.priority}}
          <option value="{{value}}" {{#eq value ../view.model.priority}}selected="selected"{{/eq}}>{{text}}</option>
        {{/each}}
      </select>
    </div>
  </div>
  <div class="col col-sm-3">
    <div class="form-group">
      <label for="hours">{{view.label.hours}}</label>
      <input name="hours" id="hours" type="text" class="form-control"
             placeholder="{{view.placeholder.hours}}"
             value="{{view.model.hours}}">
    </div>
  </div>
</div>

<div class="row">
  <div class="col col-sm-6">
    <div class="form-group">
      <label for="country">{{view.label.country}}</label>
      <select name="country" id="country" class="form-control">
        {{#each view.select.country}}
          <option value="{{value}}" {{#eq value ../view.model.country}}selected="selected"{{/eq}}>{{text}}</option>
        {{/each}}
      </select>
    </div>
  </div>
  <div class="col col-sm-6">
    <div class="form-group">
      <label for="itsm">{{view.label.itsm}}</label>
      <input name="itsm" id="itsm" type="text" class="form-control"
             placeholder="{{view.placeholder.itsm}}"
             value="{{view.model.itsm}}">
    </div>
  </div>
</div>

<div class="row">
  <div class="col col-sm-12">
    <div class="form-group">
      <label for="detail">{{view.label.detail}}</label>
      <textarea name="detail" id="detail" class="form-control" rows="3"
                placeholder="{{view.placeholder.detail}}">{{view.model.detail}}</textarea>
    </div>
  </div>
</div>



